 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title></title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <style>*{margin:0;padding:0}body{font-size:12px;}img{border:0;}</style>
  <link rel="stylesheet" href="jquery.tooltip.css" />
 <script type="text/javascript" src="../jquery-1.4.3.min.js"></script>
 <script type="text/javascript" src="jquery.tooltip.js"></script>
 </head>
 <body>

 <div >
        <h3><a href="http://jquery.bassistance.de/tooltip/demo/">Tooltips</a></h3>
		<p id="left"  style="float:left">
			Tooltip with fixed width<br/>
			<a title="Short title" href="http://goggle">Google me!</a><br/>
			<a title="Rather a very very long title with no meaning but yet quite long long long" href="http://goggle">Google me!</a>
		</p>
		<p id="right"  style="float:right">
			Tooltip with fixed width<br/>
			<a title="Short title" href="http://goggle">Google me!</a><br/>
			<a title="Rather a very very long title with no meaning but yet quite long long long" href="http://goggle">Google me!</a>
		</p>
		<p id="right2" style="float:right">
			Tooltip width auto width<br/>
			<a title="Short title" href="http://goggle">Google me!</a><br/>
			<a title="Rather a very very long title with no meaning but yet quite long long long" href="http://goggle">Google me!</a>
		</p>
	<script type="text/javascript"> 
	$('#left a').tooltip({ 
		track: true, 
		delay: 0, 
		showURL: false
	}); 
	$('#right a').tooltip({ 
		track: true, 
		delay: 0, 
		showURL: false
	}); 
	$('#right2 a').tooltip({ showURL: false, positionLeft: true,extraClass: "tooltipwidth"  });
	</script>

</div>
<br/> 



 </body>
 </html>
 
 